<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>摄影·开课吧</title>
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <script type="text/javascript" src="js/index.js"></script>
</head>

<body>
    <!--head begin-->
    <header id="head">
        <div class="con">
            <ul class="left">
                <li>开课吧首页</li>
                <li>创业微学院</li>
                <li>摄影微学院</li>
                <li>微聚</li>
                <li>论坛</li>
            </ul>
            <ul class="right">
                <li>APP下载</li>
                <li>播放记录</li>
                <li><a href="register.html">登录 | 注册</a></li>
            </ul>
        </div>
    </header>
    <!--head end-->
    <!--nav begin-->
    <nav>
        <div class="nav_in">
            <ul>
                <li><a href="index.html"></a></li>
                <li><a href="user.html">个人中心</a></li>
                <li><a href="video.html">视频播放</a></li>
            </ul>
            <ol>
                <li>&#xe65e;</li>
                <li>&#xe608;</li>
                <li>&#xf012a;</li>
                <li>&#xe68e;</li>
            </ol>
        </div>
    </nav>
    <!--nav end-->
    <!--content begin-->
    <!--banner begin-->
    <div class="banner">
        <div class="banner_pic" id="banner_pic">
            <div class="current"><img class="ban" src="images/banner01.jpg"></div>
            <div class="pic"><img class="ban" src="images/banner02.jpg"></div>
            <div class="pic"><img class="ban" src="images/banner03.jpg"></div>
        </div>
        <p>迅速发现找到想要的内容 | 尽享国内外优秀视频资源 | 分享摄影心得结识新朋友</p>
        <p>向下开启 开课吧·摄影之路</p>
        <ol id="button">
            <li class="current"></li>
            <li class="but"></li>
            <li class="but"></li>
        </ol>
        <a href="#con" class="sanjiao"><img src="images/jiantou.png" alt=""></a>
    </div>
    <!--banner end-->
    <!--content begin-->
    <div class="content" id="con">
        <h2>最热视频-大家都在看</h2>
        <a href="video.html">
            <img src="images/pic01.jpg">
            <div class="cur">
                <h3>初学者怎样挑选镜头</h3>
                <span>查看详情</span>
            </div>
        </a>
        <a href="#"><img src="images/pic02.jpg"></a>
        <a href="#"><img src="images/pic03.jpg"></a>
        <a href="#"><img src="images/pic04.jpg"></a>
        <a href="#"><img src="images/pic05.jpg"></a>
        <a href="#"><img src="images/pic06.jpg"></a>
    </div>
    <div class="share">
        <h2>大咖推荐-看看牛人分享</h2>
        <a href="#">
            <img src="images/pic07.jpg">
            <div class="cur">
                <img src="images/pic01.png">
                <h3>nosay</h3>
                <p>视频: 34 订阅粉丝: 30112</p>
                <span>订阅</span>
            </div>
        </a>
        <a href="#">
            <img src="images/pic07.jpg">
            <div class="cur">
                <img src="images/pic02.png">
                <h3>nosay</h3>
                <p>视频: 34 订阅粉丝: 30112</p>
                <span>订阅</span>
            </div>
        </a>
        <a href="#">
            <img src="images/pic07.jpg">
            <div class="cur">
                <img src="images/pic03.png">
                <h3>nosay</h3>
                <p>视频: 34 订阅粉丝: 30112</p>
                <span>订阅</span>
            </div>
        </a>
        <a href="#">
            <img src="images/pic07.jpg">
            <div class="cur">
                <img src="images/pic04.png">
                <h3>nosay</h3>
                <p>视频: 34 订阅粉丝: 30112</p>
                <span>订阅</span>
            </div>
        </a>
    </div>
    <!--content end-->
    <!--content end-->
    <!--footer begin-->
    <footer>
        <div class="foot">
            <a href="#head"><span>Top</span></a>
            <p>Copyright©2015 开课吧 push.dushare.com.cn 版权所有</p>
        </div>
    </footer>
    <!--footer end-->
</body>

</html>